<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DOTA2 - 刀塔官方网站-经典玩法 十年沉淀</title>
    <script src="./scrollreveal.min.js"></script>
    <link rel="stylesheet" href="./index.css">
    <link rel="icon" href="./imgs/favicon.ico">
    <script src="./jquery-2.1.1.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div id="header-ding">
            <div class="zai">
                <div class="xia">
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <nav>
            <div class="nav-pai">
                <div class="logo">
                    <a href=""><img src="./imgs/img-logo.png" alt=""></a>
                </div>
                <ul id="ul">
                    <li><a href="">游戏资料</a></li>
                    <li><a href="">社区互动</a></li>
                    <li><a href="">赛事</a></li>
                    <li><a href="">活动</a></li>
                    <li><a href="">品牌周边</a></li>
                    <li><a href="">服务</a></li>
                    <div class="header-yin">
                        <div id="yin">
                            <div><a href="">
                                    <li>游戏新闻</li>
                                </a>
                                <a href="">
                                    <li>新手引导</li>
                                </a>
                                <a href="">
                                    <li>英雄资料</li>
                                </a>
                                <a href="">
                                    <li>物品资料</li>
                                </a>
                                <a href="">
                                    <li>游廊内容</li>
                                </a>
                                <a href="">
                                    <li>更新日志</li>
                                </a>
                            </div>
                            <div><a href="">
                                    <li>社区新闻</li>
                                </a>
                                <a href="">
                                    <li>个人中心</li>
                                </a>
                                <a href="">
                                    <li>新浪微博</li>
                                </a>
                                <a href="">
                                    <li>官方微信</li>
                                </a>
                                <a href="">
                                    <li>抖音快手</li>
                                </a>
                                <a href="">
                                    <li>官方B站</li>
                                </a>
                                <a href="">
                                    <li>完美电竞APP</li>
                                </a>
                            </div>
                            <div><a href="">
                                    <li>赛事新闻</li>
                                </a>
                                <a href="">
                                    <li>DPC中国联赛</li>
                                </a>
                                <a href="">
                                    <li>TI国际邀请赛</li>
                                </a>
                            </div>
                            <div><a href="">
                                    <li>活动新闻</li>
                                </a>
                                <a href="">
                                    <li>精彩综合</li>
                                </a>
                                <a href="">
                                    <li>官方活动</li>
                                </a>
                                <a href="">
                                    <li>高校电竞社</li>
                                </a>
                            </div>
                            <div><a href="">
                                    <li>神秘商店</li>
                                </a>
                                <a href="">
                                    <li>品牌站</li>
                                </a>
                                <a href="">
                                    <li>商务合作</li>
                                </a>
                            </div>
                            <div><a href="">
                                    <li>客服中心</li>
                                </a>
                                <a href="">
                                    <li>客服支持</li>
                                </a>
                                <a href="">
                                    <li>被盗找回</li>
                                </a>
                                <a href="">
                                    <li>忘记账号</li>
                                </a>
                                <a href="">
                                    <li>账号查询</li>
                                </a>
                                <a href="">
                                    <li>家长监护</li>
                                </a>
                            </div>
                        </div>
                    </div>
                </ul>
                <div class="nav-info">
                    <a href=""><img src="./imgs/049cd37f-35f0-4448-9a31-8bbba923371d.png" alt=""></a>
                    <div class="info">
                        <div class="fo"></div>
                        <span>你好,请<a href="">登录</a></span>
                        <span>登陆后可进入您的个人中心</span>
                    </div>
                </div>
            </div>
        </nav>
        <div id="ze">
        </div>

    </header>
    <!-- section -->
    <section>
        <div class="section">
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
        </div>
        <div class="section-l">
            <!-- 轮播图 -->
            <div class="section-lun">
                <ul id="bo">
                    <li><img src="./imgs/50820366-9c06-4fd6-8b7e-98a785e881c7.png" alt=""></li>
                    <li><img src="./imgs/bd50a562-8ef5-4941-a257-db02bbc25b95.png" alt=""></li>
                    <li><img src="./imgs/3fd9414c-49a6-4fa2-bab6-65975feb1f58.png" alt=""></li>
                    <li><img src="./imgs/cb11e28d-1063-4ffc-835b-5f3068612888.png" alt=""></li>
                    <li><img src="./imgs/50820366-9c06-4fd6-8b7e-98a785e881c7.png" alt=""></li>
                </ul>
                <div id="dao">
                    <a href="">电炎绝手宠物装扮</a>
                    <a href="">2023DPC中国联赛</a>
                    <a href="">柏林major</a>
                    <a href="">大展宏图</a>
                </div>
            </div>
            <div class="section-news">
                <ul class="news-dao">
                    <li>综合</li>
                    <li>公告</li>
                    <li>赛事</li>
                    <li>社区</li>
                    <li>活动</li>
                </ul>
                <div class="listspan">
                    <span>2023年国际邀请赛</span>
                </div>
                <div class="yiersan">
                    <ul class="list-news">
                        <li><a href=""> 大展宏图已更新推出</a><span>4-31</span></li>
                        <li><a href=""> 黑暗中的谜语</a><span>4-31</span></li>
                        <li><a href=""> Dota 2创意工坊春季号令群雄</a><span>4-31</span></li>
                        <li><a href=""> DPC春季巡回开始</a><span>4-31</span></li>
                        <li><a href=""> 关于干扰公平竞争选手的处罚公告</a><span>4-31</span></li>
                        <li><a href=""> 绝命孽海活动及宝藏推出：免费赠送5把钥匙，开启可得16款全新套装</a><span>4-31</span></li>
                    </ul>
                    <ul class="list-news">
                        <li><a href=""> 大展宏图已更新推出</a><span>4-31</span></li>
                        <li><a href=""> 黑暗中的谜语</a><span>4-31</span></li>
                        <li><a href=""> Dota 2创意工坊春季号令群雄</a><span>4-31</span></li>
                        <li><a href=""> DPC春季巡回开始</a><span>4-31</span></li>
                        <li><a href=""> 关于干扰公平竞争选手的处罚公告</a><span>4-31</span></li>
                        <li><a href=""> DATA2绝命孽海更新发布：新英雄琼英碧灵上线，更有全新珍藏及海量功能更新</a><span>4-31</span></li>
                    </ul>
                    <ul class="list-news">
                        <li><a href=""> 关于2022年勇士令状冠军神盾的收货提醒</a><span>4-31</span></li>
                        <li><a href=""> Quinn：打比赛一直不输是不现实的，利马Major上最强对手是Nisha</a><span>4-31</span></li>
                        <li><a href=""> Quinn：战队每个人都为胜利做出了自己的贡献</a><span>4-31</span></li>
                        <li><a href=""> DPC春季巡回开启</a><span>4-31</span></li>
                        <li><a href=""> BB经理Lukawa:这次Major告诉我们会有一些场外因素需要去掌控</a><span>4-31</span></li>
                        <li><a href=""> 关于干扰公平竞争选手的处罚公告</a><span>3-09</span></li>
                    </ul>
                    <ul class="list-news">
                        <li><a href=""> Aster战队宣布Sumali正式加盟</a><span>4-31</span></li>
                        <li><a href=""> dyrachyo：这次夺冠并没有那么激动，会好好准备利雅得大师赛</a><span>4-31</span></li>
                        <li><a href=""> 英文流解说盛赞9pandas在柏林Major中的发挥</a><span>4-31</span></li>
                        <li><a href=""> 大神教你选英雄！SumaiL、MC、Skiter、23savage谈版本强势英雄</a><span>4-31</span></li>
                        <li><a href=""> jabz：第一局被翻后没时间调整，要是装备出对了，应该就碾压了</a><span>4-31</span></li>
                        <li><a href=""> 美与抽象？柏林MajorCos图集</a><span>4-31</span></li>
                    </ul>
                    <ul class="list-news">
                        <li><a href=""> 2022年夜魇暗潮典藏宝瓶上线</a><span>4-31</span></li>
                        <li><a href=""> 小本子第二波更新已经来到</a><span>4-31</span></li>
                        <li><a href=""> 刀塔2022年勇士令状第二部分推出，包含：不朽、冰身雪女</a><span>4-31</span></li>
                        <li><a href=""> 2022年国际邀请赛福袋推出，包含至宝、刀塔Plus、勇士令状</a><span>4-31</span></li>
                        <li><a href=""> 小本国服专属活动</a><span>4-31</span></li>
                        <li><a href=""> 2022年T1线下观赛点征集</a><span>4-31</span></li>
                    </ul>
                </div>
                <div class="news-di">
                    <a href="">查看更多</a>
                </div>
            </div>
        </div>
    </section>
    <!-- 活动模块 -->
    <div class="activity">
        <div class="activity-mo">
            <div class="activity-list">
                <div class="activity-nav">
                    <ul class="act-nav">
                        <li>近期活动</li>
                        <li>推广活动</li>
                        <li>商城优惠</li>
                        <li>长期活动</li>
                    </ul>
                    <a href="">更多</a>
                </div>
                <div class="st">
                    <ul>
                        <li><img src="./imgs/51b27a6d-fe9c-4ab6-ba2d-b992df2b66d6.png" alt="">
                            <p>电炎绝手宠物装扮</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/280b0e9d-3ee0-46e7-9478-809529d88da2.jpg" alt="">
                            <p>完美世界高校电竞社</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/9f0eda94-9fde-494a-9a53-e0a3e22135f2.png" alt="">
                            <p>2023DPC中国联赛</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/1d2a6b48-91dc-49b7-9a6e-bd02d823427c.jpg" alt="">
                            <p>2023夜魇潮玩上线</p>
                            <span>长期活动</span>
                        </li>
                    </ul>
                    <ul>
                        <li><img src="./imgs/51b27a6d-fe9c-4ab6-ba2d-b992df2b66d6.png" alt="">
                            <p>电炎绝手宠物装扮</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/280b0e9d-3ee0-46e7-9478-809529d88da2.jpg" alt="">
                            <p>完美世界高校电竞社</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/9f0eda94-9fde-494a-9a53-e0a3e22135f2.png" alt="">
                            <p>2023DPC中国联赛</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/ad99746f-52b1-4d5a-ae1a-ffff7d086f34.png" alt="">
                            <p>2023夜魇潮玩上线</p>
                            <span>长期活动</span>
                        </li>
                    </ul>
                    <ul>
                        <li><img src="./imgs/51b27a6d-fe9c-4ab6-ba2d-b992df2b66d6.png" alt="">
                            <p>电炎绝手宠物装扮</p>
                            <span>123123123</span>
                        </li>
                        <li><img src="./imgs/280b0e9d-3ee0-46e7-9478-809529d88da2.jpg" alt="">
                            <p>完美世界高校电竞社</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/9f0eda94-9fde-494a-9a53-e0a3e22135f2.png" alt="">
                            <p>2023DPC中国联赛</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/ad99746f-52b1-4d5a-ae1a-ffff7d086f34.png" alt="">
                            <p>2023夜魇潮玩上线</p>
                            <span>长期活动</span>
                        </li>
                    </ul>
                    <ul>
                        <li><img src="./imgs/51b27a6d-fe9c-4ab6-ba2d-b992df2b66d6.png" alt="">
                            <p>电炎绝手宠物装扮</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/280b0e9d-3ee0-46e7-9478-809529d88da2.jpg" alt="">
                            <p>完美世界高校电竞社</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/9f0eda94-9fde-494a-9a53-e0a3e22135f2.png" alt="">
                            <p>2023DPC中国联赛</p>
                            <span>长期活动</span>
                        </li>
                        <li><img src="./imgs/ad99746f-52b1-4d5a-ae1a-ffff7d086f34.png" alt="">
                            <p>2023夜魇潮玩上线</p>
                            <span>长期活动</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="activity-right">
                <div class="xiazhai">
                    <a href="https://www.dota2.com.cn/download/" data-statname="首页页/右侧-用户快速入口"
                        class="btn-download-video  J_download_dota2">
                        <video class="banner-vidio-bg" x-webkit-airplay="allow" x5-playsinline="" webkit-playsinline=""
                            playsinline="true" preload="preload" muted="true" autoplay="" autobuffer="true" loop="loop"
                            poster="">
                            <source type="video/mp4" src="./imgs/1740d46e-f39c-4f7b-92fb-aeeec76f7de7.mp4">
                        </video>
                    </a>
                    <a href="">新手引导</a>
                    <a href=""></a>
                </div>
                <ul>
                    <li><img src="./imgs/icon-service.png" alt=""><span>在线客服</span></li>
                    <li><img src="./imgs/icon-report.png" alt=""><span>举报监管</span></li>
                    <li><img src="./imgs/icon-heroitem.png" alt=""><span>英雄物品</span></li>
                    <li><img src="./imgs/icon-gallery.png" alt=""><span>游廊内容</span></li>
                    <li><img src="./imgs/icon-datastrategy.png" alt=""><span>数据攻略</span></li>
                    <li><img src="./imgs/icon-recordsearch.png" alt=""><span>战绩查询</span></li>
                </ul>
            </div>
        </div>
        <div class="activity-di">
            <div class="di-left">
                <div class="nav-left">
                    <h3>新英雄<img src="./imgs/icon-title-newhero.png" alt=""></h3>
                    <h3>新视频<img src="./imgs/icon-title-newvideo.png" alt=""></h3>
                </div>
                <div class="left-di">
                    <div class="zuo">
                        <img src="./imgs/ffe86749-74cb-4545-a963-fd95c1810eac.jpg" alt="">
                        <div>
                            <h3>新英雄——琼英碧灵</h3>
                            <p>琼英碧灵</p>
                        </div>
                    </div>
                    <div class="you">
                        <video width="condition" controls="controls" type="video/mp4" autoplay="autoplay" loop="loop"
                            muted="muted">
                            <!-- autoplay自动播放 controls播放控件 loop循环播放 poster加载等待画面 muted 静音播放(解决谷歌禁用自动播放) -->
                            <source src="./imgs/c676a055-a05c-4c49-8394-dc9e142810eb.mp4" type="video/mp4">
                            <source src="INDEX1.ogg" type="video/ogg">
                            您的浏览器太low了,不支持播放
                        </video>
                    </div>
                </div>
            </div>
            <div class="di-right">
                <span>当前游戏版本：<a href="">7.33</a></span>
                <h5>7.33版本</h5>
            </div>
        </div>
    </div>
    <!-- 最难模块 -->
    <div class="zn">
      
        <div class="zn-contend">
           
            <div class="zn-contend-zj">
                <img src="./imgs/img-heroflag.png" alt="">
                <div>
                    <a href="">查看所有英雄</a>
                </div>
            </div>
            <div class="zn-left">
                <div class="zhuzai">
                    <img src="./imgs/img-zhuzai.png" alt="">
                </div>
                <div class="zhaoxilieren">
                    <img src="./imgs/img-zhaoxilieren.png" alt="">
                </div>
                <div class="shenhaifeixia">
                    <img src="./imgs/img-shenhaifeixia.png" alt="">
                </div>
                <div class="fengxingzhe">
                    <img src="./imgs/img-fengxingzhe.png" alt="">
                </div>
                <div class="fuchouzhihun">
                    <img src="./imgs/img-fuchouzhihun.png" alt="">
                </div>
                <div class="item-hero hero-shenhaifeixia">
                    <div class="h-property">
                        <b class="tag t01">话痨</b>
                        <b class="tag t02">能打能控</b>
                        <b class="tag t03">弗兰松鼠</b>
                        <i class="i-primarystat attr02">森海飞霞</i>
                        <b class="kw k01 f24">大头爆栗子</b>
                        <b class="kw k02 f26">一箭穿心</b>
                        <b class="kw k03 f28">灵活走位</b>
                    </div>
                </div>
                <div class="item-hero hero-zhaoxilieren" exposure-tag="潮汐猎人">
                    <div class="h-property">
                        <b class="tag t01">跳大</b>
                        <b class="tag t02">物理AOE</b>
                        <b class="tag t03">世界名画</b>
                        <i class="i-primarystat attr01">潮汐猎人</i>
                        <b class="kw k01 f20">肉坦</b>
                        <b class="kw k02 f24">海妖外壳</b>
                        <b class="kw k03 f28">团控</b>
                        <b class="kw k04 f16">仰泳</b>
                    </div>
                </div>
                <div class="item-hero hero-zhuzai" exposure-tag="主宰">
                    <div class="h-property">
                        <b class="tag t01">剑圣</b>
                        <b class="tag t02">剑刃风暴</b>
                        <b class="tag t03">跳劈</b>
                        <i class="i-primarystat attr02">主宰</i>
                        <b class="kw k01 f20">无敌斩剑圣圣剑斩敌无</b>
                        <b class="kw k02 f26">奶棒人</b>
                        <b class="kw k03 f28">物理核心</b>
                    </div>
                </div>
                <div class="item-hero hero-fengxingzhe">
                    <div class="h-property">
                        <b class="tag t01">位置灵活</b>
                        <b class="tag t02">单杀</b>
                        <b class="tag t03">物理免疫</b>
                        <i class="i-primarystat attr03">风行者</i>
                        <b class="kw k01 f24">超远距离击杀</b>
                        <b class="kw k02 f26">秀操作</b>
                        <b class="kw k03 f28">集中火力</b>
                    </div>
                </div>
                <div class="item-hero hero-fuchouzhihun">
                    <div class="h-property">
                        <b class="tag t01">点控</b>
                        <b class="tag t02">被动光环</b>
                        <i class="i-primarystat attr02">复仇之魂</i>
                        <b class="kw k01 f24">可核心可辅助</b>
                        <b class="kw k02 f24">锤子帮</b>
                        <b class="kw k03 f24">移形换位</b>
                    </div>
                </div>
            </div>
            <div class="zn-right">
                <div class="shiwen">
                    <img src="./imgs/img-shiwen.png" alt="">
                </div>
                <div class="bear">
                    <img src="./imgs/img-bear.png" alt="">
                </div>
                <div class="bingnv">
                    <img src="./imgs/img-bingnv.png" alt="">
                </div>
                <div class="cow">
                    <img src="./imgs/img-cow.png" alt="">
                </div>
                <div class="juntuan">
                    <img src="./imgs/img-juntuan.png" alt="">
                </div>
                <!-- _____ -->
                <div class="item-hero hero-shiwen">
                    <div class="h-property">
                      <b class="tag t01">打钱</b>
                      <b class="tag t02">物理核心</b>
                      <b class="tag t03">40米大刀</b>
                      <i class="i-primarystat attr01">斯温</i>
                      <b class="kw k01 f24">真男人</b>
                      <b class="kw k02 f26">谢谢你泰罗</b>
                      <b class="kw k03 f24">狂砍一条街</b>
                    </div>
                  </div>
                  <div class="item-hero hero-bear">
                    <div class="h-property">
                      <b class="tag t01 pos-center">激怒</b>
                      <b class="tag t02 pos-center">打野</b>
                      <b class="tag t03 pos-center">怒意狂击</b>
                      <b class="tag t04 pos-center">单挑肉山</b>
                      <i class="i-primarystat attr02 pos-center">熊战士</i>
                      <b class="kw k01 f26 pos-center">硬</b>
                      <b class="kw k02 f26 pos-center">10连拍</b>
                      <b class="kw k03 f28 pos-center">物理大哥</b>
                      <b class="kw k04 f28 pos-center">集中火力</b>
                      <b class="kw k05 f24 pos-center">叠加伤害</b>
                    </div>
                  </div>
                  <div class="item-hero hero-bingnv">
                    <div class="h-property">
                      <b class="tag t01">回蓝光环</b>
                      <b class="tag t02">控制</b>
                      <b class="tag t03">极寒领域</b>
                      <i class="i-primarystat attr03">水晶室女</i>
                      <b class="kw k01 f20">法系</b>
                      <b class="kw k02 f26">冰封禁制</b>
                      <b class="kw k03 f24">远程辅助</b>
                    </div>
                  </div>
                  <div class="item-hero hero-cow">
                    <div class="h-property">
                      <b class="tag t01 pos-center">团控</b>
                      <b class="tag t02 pos-center">一刀牛</b>
                      <b class="tag t03 pos-center">大五个</b>
                      <b class="tag t04 pos-center">沟壑</b>
                      <i class="i-primarystat attr01 pos-center">撼地者</i>
                      <b class="kw k01 f26 pos-center">跳刀</b>
                      <b class="kw k02 f26 pos-center">游走GANK</b>
                      <b class="kw k03 f24 pos-center">物理法系爆发兼具</b>
                    </div>
                  </div>
                  <div class="item-hero hero-juntuan">
                    <div class="h-property">
                      <b class="tag t01">残血反杀</b>
                      <b class="tag t02">冲锋陷阵</b>
                      <b class="tag t03">先手</b>
                      <b class="tag t04">决斗</b>
                      <i class="i-primarystat attr01">军团指挥官</i>
                      <b class="kw k01 f26">女汉子</b>
                      <b class="kw k02 f26">就是干</b>
                      <b class="kw k03 f28">千攻军团</b>
                      <b class="kw k04 f28">1v1</b>
        
                    </div>
                  </div>


             
            </div>


        </div>

        <!-- <div class="zzc"></div> -->
    </div>
    <!-- 选手模块 -->
    <div class="xs">
        <div class="xs-zong">
            <div class="xs-left">
                <ul>
                    <li><a href="">DPC联赛</a></li>
                    <li><a href="">MAJOR</a></li>
                    <li><a href="">TI</a></li>
                    <span>更多</span>
                </ul>
                <div class="xs-left-zo">
                    <span>王牌之选</span>
                </div>
                <div class="xs-left-pai">
                    <div class="xs-pai">
                        <div class="xs-pai-ding"><img src="./imgs/icon-player-pos01.png" alt="">
                            <img src="./imgs/F5EB7B8C61214237B7C5361D12AB0D76-1672710836504.png" alt="">
                        </div>
                        <img src="./imgs/4D13001D27EB46B7929DFA453F0FA542-1672811414067.png" alt="">
                        <h4>Monet</h4>
                        <div class="dii"><span>魔晶值</span><span>624559</span></div>
                    </div>
                    <div class="xs-pai">
                        <div class="xs-pai-ding"><img src="./imgs/icon-player-pos02.png" alt="">
                            <img src="./imgs/D2FEA0B6BF464C8AB84CB02F4126092F-1672710800771.png" alt="">
                        </div>
                        <img src="./imgs/7AB30DCC156040009C3400215FDEA611-1672811133763.png" alt="">
                        <h4>NothingToSay</h4>
                        <div class="dii"><span>魔晶值</span><span>753787</span></div>
                    </div>
                    <div class="xs-pai">
                        <div class="xs-pai-ding"><img src="./imgs/icon-player-pos03.png" alt="">
                            <img src="./imgs/F5EB7B8C61214237B7C5361D12AB0D76-1672710836504.png" alt="">
                        </div>
                        <img src="./imgs/204E389945CD419B9E79515F4AAFC63E-1672811444723.png" alt="">
                        <h4>Xxs</h4>
                        <div class="dii"><span>魔晶值</span><span>659309</span></div>
                    </div>
                    <div class="xs-pai">
                        <div class="xs-pai-ding"><img src="./imgs/icon-player-pos04.png" alt="">
                            <img src="./imgs/F5EB7B8C61214237B7C5361D12AB0D76-1672710836504.png" alt="">
                        </div>
                        <img src="./imgs/CDEA8E254F0149DF9DCB47EA0765D553-1672811466325.png" alt="">
                        <h4>BoBoKa</h4>
                        <div class="dii"><span>魔晶值</span><span>535537</span></div>
                    </div>
                    <div class="xs-pai">
                        <div class="xs-pai-ding"><img src="./imgs/icon-player-pos05.png" alt="">
                            <img src="./imgs/F5EB7B8C61214237B7C5361D12AB0D76-1672710836504.png" alt="">
                        </div>
                        <img src="./imgs/881087793733474C976A32EB53AAF743-1672811485345.png" alt="">
                        <h4>皮球</h4>
                        <div class="dii"><span>魔晶值</span><span>540387</span></div>
                    </div>
                </div>
            </div>
            <div class="xs-right">
                <div class="right-ding">
                    <span>中国联赛S级排名</span>
                    <a href="">更多</a>
                </div>
                <table>
                    <tr>
                        <td>排名</td>
                        <td>战队</td>
                        <td>胜负</td>
                        <td>积分</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td> Team Aster</td>
                        <td>6/1</td>
                        <td>6</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>PSG.LGD</td>
                        <td>6/1</td>
                        <td>6</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>Knights</td>
                        <td>5/2</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>EHOME</td>
                        <td>4/3</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>XteemeGaming</td>
                        <td>4/3</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>6</td>
                        <td>INVICTUS GAMING</td>
                        <td>2/5</td>
                        <td>2</td>
                    </tr>
                    <tr>
                        <td>7</td>
                        <td>Aster.Aries</td>
                        <td>1/6</td>
                        <td>1</td>
                    </tr>
                    <tr>
                        <td>8</td>
                        <td>Dawn Gaming</td>
                        <td>0/7</td>
                        <td>0</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="dibu">
        <video class="video" preload="auto" loop playsinline autoplay
            src="./imgs/449e4130-fa8a-49d1-bc52-d7f9894bca3b.mp4" tabindex="-1" muted="muted"></video>
        <div class="dibu-dibu">
            <img src="./imgs/8befaa9d-dfdc-4cf0-879f-86f225c15e13.png" alt="">
        </div>
    </div>
    <!-- footer -->
    <footer>
        <div class="footer-nav">
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
        </div>
        <div class="sh xxx">
            <img src="./imgs/e2c7d87502d21531b6482f032929aa531603862415.png" alt="">
            <img src="./imgs/logo-valve.png" alt="">
            <p>© 张一达 版权所有　Perfect World. All Rights Reserved.</p>
            <p>© 2012 Valve Corporation. All Rights reserved. Licensed to Beijing Perfect World Network Technology Co.,
                Ltd. in China</p>
            <div class="didi">
                <p>京ICP证050016号-17 《网络文化经营许可证》编号：京网文[2017]8929-1007号 《网络视听许可证》编号：0110587</p>
                <p>京公网安备11010502033859号 文网进字[2013] 028号 新出审字[2013] 1505号 ISBN：978-7-89989-826-0 |<a href="">家长监护</a>|<a
                        href="">纠纷处理</a>|<a href="">营业执照</a>|<a href="">儿童隐私保护指引</a> </p>
                <p><img src="./imgs/5da9e0d6-6d7f-4579-8bb6-62064dd71e7d.png" alt="">
                    本网络游戏适合12+岁的用户使用：请您确定已如实进行实名注册。为了您的健康，请合理控制游戏时间。</p>
            </div>
        </div>
    </footer>
</body>
<!-- 轮播图 -->
<script>
    var bo = document.getElementById("bo");
    var dao = document.getElementById("dao").getElementsByTagName("a");
    var left = 0;
    var timer;
    run();
    function run() {
        if (left <= -3156) {
            left = 0;
        }
        var m = Math.floor(-left / 790);
        bo.style.marginLeft = left + "px";
        var n = (left % 790 == 0) ? n = 2000 : n = 10;
        left -= 10;
        timer = setTimeout(run, n);
        icochange(m);
    }
    // 导航函数
    function icochange(m) {
        for (let i = 0; i < dao.length; i++) {
            dao[i].style.backgroundColor = "";
        }
        if (m < dao.length) {
            dao[m].style.backgroundColor = "#861100"
            
        }
    }
</script>
<!-- tap栏导航 -->
<script>
    let ls = document.querySelector('.act-nav').querySelectorAll('li');
    let di = document.querySelector('.st').querySelector('ul');
    for (let i=0;i<ls.length;i++){
        ls[i].setAttribute('index',i); //给5个小li设置索引号
        ls[i].onclick = function(){
            // 1.上面的模块选项卡，点击一个，他的底色变成红色
            // 排他思想  
            // 消除所有人
            for (let j=0;j<ls.length;j++){
                ls[j].className = '';
            }
            // 保留我自己
            this.className = 'current';  //this 指向事件函数的调用者
            // 2.下面的显示内容模块
            for (let i=0;i<di.length;i++){
                 // 消除所有人
                di[j].style.display = 'none';
            }
            // let index = this.getAttribute('index');
             // 保留我自己
            di[index].style.display = 'block';
        }
    }
</script> 
<script>
    var lis = document.querySelector('.news-dao').querySelectorAll('li');
    var divs = document.querySelector('.yiersan').querySelectorAll('ul');
    for (var i = 0; i < lis.length; i++) {
        lis[i].setAttribute('index', i); //给5个小li设置索引号
        lis[i].onclick = function () {
            // 1.上面的模块选项卡，点击一个，他的底色变成红色
            // 排他思想  
            // 消除所有人
            for (var j = 0; j < lis.length; j++) {
                lis[j].className = '';
            }
            // 保留我自己
            this.className = 'current';  //this 指向事件函数的调用者
            // 2.下面的显示内容模块
            for (var k = 0; k < divs.length; k++) {
                // 消除所有人
                divs[k].style.display = 'none';
            }
            var index = this.getAttribute('index');
            // 保留我自己
            divs[index].style.display = 'block';
        }
    }
</script>
<script src="./index.js"></script>

</html>